/* 
2020 06 21
lili
 科室 *****. 目前科室当前选中是按照 index 计算，开发中若有id 也可以替换成id
*/
// 引入数据文件  前端测试用
document.write("<script language=javascript src='js/ceshi/deptname.js'></script>");
$(function(){
    var deptData = deptname; // 数据
    // 点击 科室
    function deptnameFun(indexOne,indexTwo,indexThree){
        var _indexOne = indexOne, // 默认选中  一级  如果默认显示第一个则置为 0
            _indexTwo = indexTwo, // 默认选中  二级
            _indexThree = indexThree; // 默认选中  三级
        //  如果是默认无选择状态 
        if(indexOne == ''){
             _indexOne = 0, // 默认选中  一级  如果默认显示第一个则置为 0
            _indexTwo = 0, // 默认选中  二级
            _indexThree = 0; // 默认选中  三级
        }
        $("#fixSelect").html('');
        var popHtml = '<div class="fix-select-wrap">';
            popHtml += '<div class="fix-select-in fix-select-dept list-flex">';
            popHtml += '<div class="fix-select-left">';
            $.each(deptData, function (idx, item) {
                popHtml += '<dl class="">';
                popHtml += '<dt><a href="javascript:;" class="line1">'+item.name+'</a></dt>';
                popHtml += '<dd>';
                popHtml += '<ul>';
                $.each(item.sub, function (idx, item) {
                    popHtml += '<li><a href="javascript:;" class="line1">'+item.name+'</a></li>';
                });
                popHtml += '</ul>';
                popHtml += '</dd>';
                popHtml += '</dl>';
            });
            popHtml += '</div>';
            popHtml += '<div class="fix-select-right list-bd">';
            popHtml += '<ul>';
            $.each(deptData[_indexOne].sub[_indexTwo].sub, function (idx, item) {
                popHtml += '<li class=""><a href="javascript:;" class="line1">'+item.name+'</a></li>';
            });
            popHtml += '</ul>';
            popHtml += '</div>';
            popHtml += '</div>';
            popHtml += '</div>';
            
        $("#fixSelect").html(popHtml);
        // 页面距顶部距离
        var top = $('.fix-top').height();
        $('#fixSelect .fix-select-wrap').css('top',top+'px');
        
        if(indexOne != ''){
            // 默认选中 赋值
            $('#fixSelect .fix-select-dept .fix-select-left dl').eq(_indexOne).addClass('curr on');
            $('#fixSelect .fix-select-dept .fix-select-left dl').eq(_indexOne).find('li').eq(_indexTwo).addClass('curr');
            $('#fixSelect .fix-select-dept .fix-select-right li').eq(_indexThree).addClass('curr');
        }else{
            $('#fixSelect .fix-select-dept .fix-select-left dl').eq(_indexOne).addClass('curr');
        }
    }
    // 点击 二级科室
    function deptnameThreeFun(indexOne,indexTwo){
        var _indexOne = indexOne, // 默认选中  一级
            _indexTwo = indexTwo, // 默认选中  二级
            _indexThree = "0"; // 默认选中  三级
        $("#fixSelect .fix-select-right").html('');
        var popHtml = '<ul>';
            $.each(deptData[_indexOne].sub[_indexTwo].sub, function (idx, item) {
                popHtml += '<li class=""><a href="javascript:;" class="line1">'+item.name+'</a></li>';
            });
            popHtml += '</ul>';
            
        $("#fixSelect .fix-select-right").html(popHtml);
        // 默认选中 赋值
        // $('#fixSelect .fix-select-dept .fix-select-right li').eq(_indexThree).addClass('curr');
    }
    // 科室 click
    $('#selectDeptnameBtn').click(function(){
        if(!$(this).hasClass('curr')){
            $(this).addClass('curr').siblings('.nav-li').removeClass('curr');
            var indexOne = $(this).attr('data-one'), // 默认选中  一级
                indexTwo = $(this).attr('data-two'), // 默认选中  二级
                indexThree = $(this).attr('data-three'); // 默认选中  三级
            deptnameFun(indexOne,indexTwo,indexThree);
        }else{
            $("#fixSelect").html('');
            $('#selectDeptnameBtn').removeClass('curr');
        }
    })
    // 点击 一级科室
    $("#fixSelect").on('click','.fix-select-dept .fix-select-left dl dt',function(){
        if(!$(this).parent('dl').hasClass('curr')){
            $(this).parent('dl').addClass('curr').siblings('dl').removeClass('curr');
        }else{
            $(this).parent('dl').removeClass('curr');
        }
    })
    // 点击 二级科室
    $("#fixSelect").on('click','.fix-select-dept .fix-select-left dl dd li',function(){
        // if(!$(this).hasClass('curr')){
            var indexOne = $('.fix-select-dept .fix-select-left dl.curr').index(), // 默认选中  一级
                indexTwo = $(this).index(),// 默认选中  二级
                indexThree = 0; // 默认选中  三级
            var indexText = $(this).text();
            // 当前选中的是不是全部 如果是全部，那将 显示一级科室 名称 并退出弹窗
            if(indexTwo == 0){
                indexText = $('.fix-select-wrap .fix-select-left dl.curr dt').text();
                $('#selectDeptnameBtn span').text(indexText);
                $("#fixSelect").html('');
                $('#selectDeptnameBtn').removeClass('curr');
                $('#selectDeptnameBtn').attr('data-one',indexOne), //   一级
                $('#selectDeptnameBtn').attr('data-two',indexTwo), //   二级
                $('#selectDeptnameBtn').attr('data-three',indexThree); //  三级
                return false;
            }
            $('.fix-select-dept .fix-select-left dl dd li').removeClass('curr');
            $('.fix-select-dept .fix-select-left dl').removeClass('on');
            $(this).parents('dl').addClass('on');
            $(this).addClass('curr').siblings('li');
            deptnameThreeFun(indexOne,indexTwo);
        // }
    });
    // 点击 三级科室
    $("#fixSelect").on('click','.fix-select-dept .fix-select-right li',function(){
        var indexText = $(this).text();
        var indexOne, // 选中  一级
            indexTwo, // 选中  二级
            indexThree; // 选中  三级
        indexOne = $('.fix-select-dept .fix-select-left dl.curr').index(), // 默认选中  一级
        indexTwo = $('.fix-select-dept .fix-select-left dl.curr li.curr').index(); // 默认选中  二级
            indexThree = $(this).index(); // 当前选中的是不是全部 如果是全部，那将 显示二级科室 名称
        //  0 代表选中全部
        if(indexThree == 0){
            indexText = $('.fix-select-wrap .fix-select-left dl.curr dd li.curr').text();
        }
        $('#selectDeptnameBtn span').text(indexText);
        $("#fixSelect").html('');
        $('#selectDeptnameBtn').removeClass('curr');

        $('#selectDeptnameBtn').attr('data-one',indexOne), //   一级
        $('#selectDeptnameBtn').attr('data-two',indexTwo), //   二级
        $('#selectDeptnameBtn').attr('data-three',indexThree); //  三级
    })
})

